<template>
    <div id="tmpl">
       <!--1.0 实现新闻详情-->
	   <div class="title">
		   <h4 v-text="info.title"></h4>
		   <p>{{ info.add_time | datefmt('YYYY-MM-DD') }}  {{info.click}}次浏览</p>
	   </div>
		<div id="content" v-html="info.content" ></div>

        <!--2.0 实现评论组件的集成-->
        <!-- 10.2 实现评论组件
        --> 
        <comment :id = "id"></comment>
    </div>
</template>
<script>
import common from '../../kids/common.js';
//导入评论组件
import comment from '../subcom/comment.vue'
export default {
    components:{
        comment  //10.1注册评论组件
    },
    data() {
        return {
            id: 0,
            info:[]//传入的id值
        }
    },
    created() {
        this.id = this.$route.params.id;
        this.getnewsinfo();
    },
    methods: {
        getnewsinfo() {
            var url = common.apidomain+'/api/getnew/' + this.id;
            console.log(url);
            this.$http.get(url).then(function(res) {
              
                var body = res.body;
             console.log(body);
                if (body.status != 0) {
                    alert(body.message);
                    return;
                }

                //赋值
                this.info = body.message[0];
            })
        }


    }
}
</script>
<style scoped>
	.title h4{
    		color: #0094ff;
    	}
    	.title p{
                
    		color:rgba(0,0,0,0.5);
    	}

    	.title,#content{
          
    		padding: 5px;
        }
        #content{
              text-indent: 1em;   
        }
       
</style>
